<template>
  <div id="app">
    <router-view
      :key="locale"
      :language="locale"
      @changeLanguage="changeLanguage"
    />
    <!-- <ConferenceMainView displayMode="wake-up" /> -->
  </div>
</template>
<script setup lang="ts">
import { StoreName, TUIStore } from '@tencentcloud/chat-uikit-engine';
import { RouterView, useRouter } from 'vue-router';
import { ref } from './TUIKit/adapter-vue';
// import ConferenceMainView from '@tencentcloud/roomkit-web-vue3';
const router = useRouter();
const locale = ref<string>('zh');
TUIStore.watch(StoreName.USER, {
  kickedOut: (value: string) => {
    if (value && router.currentRoute.value.name !== 'login') {
      localStorage.removeItem('TUIKit-userInfo');
      localStorage.removeItem('token');
      localStorage.removeItem('userInfo');
      router.replace({ name: 'login' });
    }
  },
});
function changeLanguage(language: string) {
  locale.value = language;
}
</script>



<style lang="scss">
@import './styles/cf.scss';
@import url('https://at.alicdn.com/t/c/font_4916444_sgn90fp0y0c.css');

html,
body,
#app {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.el-image__inner {
	pointer-events: auto;
}

.el-upload {
	width: 120px;
}

// .el-upload-dragger {
// 	padding: 10px 0 !important;
// }

div {
	&::-webkit-scrollbar {
		width: 6px;
	}

	&::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background: rgba(0, 0, 0, 0.4);
	}

	&::-webkit-scrollbar-track {
		border-radius: 0;
	}
}

a.url {
	color: #003c74;
}

a.url:hover {
	text-decoration: underline;
}

:root {
	--el-color-primary: #01509f !important;
}

.el-button--primary:hover {
	background-color: #026fdc !important;
	border-color: #026fdc !important;
}
.el-table__row {
	font-size: 16px!important;
}

.el-select__wrapper{
		font-size: 15px!important;
}
.el-select-dropdown__item{
	font-size: 15px!important;
}

.el-input__inner{
		font-size: 16px!important;
}

.el-form-item__label {
  font-size: 16px !important;
}

</style>
